@charset "UTF-8";

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
  float: left;
  padding: 2px;
  border: 0px solid #F9C2AD;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

html {
  font-family: "Verdana", Lucida Sans, sans-serif;
}

.header {
  background-color: #ffffff;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid #F5E3DD;
  height: 30px;
}

.header h1{
	margin: 0px;
	padding:0px;
	font-size:20;
	float: left;
}
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  cursor:pointer;
}

.menu li:hover {
  background-color: #0099cc;
}

.user {
  background-color: #e28743;
  text-align:right;	
  color: #ffffff;  
}



.exit{
  background-color: #d34b17;
  border-radius: 100px;	
  padding:2px 15px 5px 15px;
  margin-left: 10px;
  float : right;
  color: #ffffff;  
}

.exit a {
  color: #ffffff;  	
}

.datas2 {
	font-size:15;
	padding: 10px;	
}

.datas2 th, td{
  padding-right: 10px;	
}

input[name*="ho-radio"] {
  float: left;	
}

label[name="ho-radio"] {
  float: left;	
}

.qtable{
	border: 0px solid green;
	border-spacing: 0px;
	padding: 0px;	
}

.qheader{
  background-color: #2596be;
  padding: 5px;
  color: #ffffff;    
  font-weight:bold;	
  text-align: left;
  min-width: 80px;	
}

.qheader2{
  background-color: #92dce7;
  padding: 5px;
  color: #ffffff;    
  font-weight:bold;	
  text-align: left;
  min-width: 300px;	
}

.qhleft{
  min-width: 250px;
  padding: 5px;
  font-size:12pt;	
}

.qhright{
  float: right;
  padding: 5px;
  width: 20px;
  height:20px;
  cursor:pointer;  
  background-image:url("/img/collapse-icon.png");
  background-repeat: no-repeat;
  background-size:30px 24px;  	
}

.qtd{
  padding: 5px;
  color:#3a2f2b;
  border: 1px solid #92dce7;
  font-size:10pt;  
}

.qtotal{
  /*background-color: #56bdd5;*/
  background-color: #92dce7;
  padding: 5px;
  text-align: center;
  font-weight:bold;
  color:#ffffff;  	 
}

.qsubheader{
  background-color: #92dce7;
  padding: 5px;
  text-align: center;
  font-style:oblique;
  text-align:left;
  color:#ffffff;  
}

.nopadding{
  padding: 0px;
} 

.formheader{
  text-align: left;
}

.sauve{
  padding: 8px;	
  background-color: #D34B17;
  color: #ffffff;
  float: right;
  cursor:pointer;  
}

.forgotten{
  text-align: right;
  width:100%;
  font-size:10pt;
  font-weight:bold;
  cursor:pointer;
}

.forgotten:hover{
  text-decoration: underline;  
}

.disableForgotten{
  color: #C7C7B9; 
  text-align: right;
  width:100%;
  font-size:10pt;
  font-weight:bold;
}

.connectbtn{
  padding: 8px;	
  background-color: #D34B17;
  color: #ffffff;
  cursor:pointer;
  width: 100%;
  text-align: center;  	
}

.sauve:hover .connectbtn:hover{
  background-color: #9D3811;
}

.disablebtn {
  padding: 8px;		
  float: right;	
  color: #C7C7B9;  
  pointer-events: none;
  background-color: #eeeee4;
  cursor:not-allowed;  
}

.disableConnectBtn {
  padding: 8px;		
  color: #C7C7B9;  
  width: 100%;   
  pointer-events: none;
  background-color: #eeeee4;
  cursor:not-allowed; 
  text-align: center;  	   
}

.loader {
  position: fixed;
  top : 50px;
  height:100%;
  width:97%;
  background-color: #eeeee4;
  opacity: 1;
  display: none;
}

.userbtn{
  width: 100%;
  background-color: #33b5e5;
  cursor: pointer;
  color: #ffffff;	 
  padding:2px; 	
}

.modifuser{
  display:none;	
}

.divAlign{
  text-align:center;
}

.conso{
  border: 1px solid #76b5c5;
  border-collapse: collapse;
  padding:5px;  
}

.consobkg{
  background-color: #33b5e5;	
}

.outputtext{
  color: #ff0000;
  font-weight:bold;
}

.fheader{
	width:100%;
	hight:100%;
	background-color:#76b5c5;
}

.txtleft{
	text-align:left;
}

.tableMaxWidth{
	max-width:650px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.centralholder{
		margin:10px 0px 0px 0px;
	}
	
	h1 {
		margin:0px 0px 0px 0px;	
	}

	.sortie {
		display: none;
	}
		
	.menuitem{
		float: none;
		width: 95%;
  		padding: 8px;
  		background-color: #D34B17;
		border: 1px solid #D34B17;  		 
  		/* top right bottom left*/		
  		margin:0px 0px 0px 0px;
  		cursor: pointer;
  		color: #ffffff;	  		
	}
	
	.menuitem_active{
		float: none;
		width: 95%;
  		padding: 8px;
  		background-color: #ffffff; 		
  		margin:0px 0px 0px 0px;
		border: 1px solid #D34B17;
  		color: #D34B17;
  		font-weight:bold;	  	
	}

	.menuitem:hover {
  		background-color: #9D3811;
	}
	
	.menuitem2{
		float: left;
  		border: 1px solid transparent;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		background-color: #ffffff;
  		margin:0px 0px 0px 0px;
  		cursor: pointer;
  		color: #000000;
  		font-size:13;	 
  		border-bottom: 1px solid #D34B17;    		 		
	}
	
	.menuitem_active2 {
  		background-color: #ffffff;
  		color: #D34B17;	 
		float: left;
  		font-size:13;
  		font-weight:bold;	  		
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		border-bottom: 1px solid transparent;
  		border-top: 1px solid #D34B17;
  		border-left: 1px solid #D34B17;  		 
  		border-right: 1px solid #D34B17;  		  		      		  		 		  		 		
	}	
	
	.menuitem_disabled2 {
  		background-color: #f5f3f1;
  		color: #ebe0d9;	 
		float: left;
  		border: 1px solid transparent;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		font-size:13;	  		      		  		 		  		 		
	}	
	
	.menuicon{
		float:right;
		text-align: right;
  		padding: 8px;
   		cursor: pointer; 				
	}
	
	
	.menuicon2 {
		float: right;
	}
	
	.iconeimg{
		width: 20px;
		height: 20px;
	}
	
	.datas {
		display : none;	
	}		
}

/* Small devices (portrait tablets and large phones, 600px and up to 768px) */
@media only screen and (min-width: 600px)  and  (max-width:768px){
	.centralholder{
		margin:10px 0px 0px 0px;
	}
	
	h1 {
		margin:0px 0px 0px 0px;	
	}

	.sortie {
	  float : right;
	  padding: 1px;
	  margin-left: 10px;
	  font-weight:bold;
	}
	
	.menuitem{
		float: none;
		width: 95%;
  		padding: 8px;
  		background-color: #D34B17;
		border: 1px solid #D34B17;  		 
  		/* top right bottom left*/		
  		margin:0px 0px 0px 0px;
  		cursor: pointer;
  		color: #ffffff;	  		
	}
	
	.menuitem_active{
		float: none;
		width: 95%;
  		padding: 8px;
  		background-color: #ffffff; 		
  		margin:0px 0px 0px 0px;
		border: 1px solid #D34B17;
  		color: #D34B17;	  	
	}

	.menuitem:hover {
  		background-color: #9D3811;
	}

	.menuitem2{
		float: left;
  		border: 1px solid transparent;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		background-color: #ffffff;
  		margin:0px 0px 0px 0px;
  		cursor: pointer;
  		color: #000000;
  		font-size:13;	 
  		border-bottom: 1px solid #D34B17;    		 		
	}
	
	.menuitem_active2 {
  		background-color: #ffffff;
  		color: #D34B17;	 
		float: left;
  		font-size:13;
  		font-weight:bold;	  		
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		border-bottom: 1px solid transparent;
  		border-top: 1px solid #D34B17;
  		border-left: 1px solid #D34B17;  		 
  		border-right: 1px solid #D34B17;  		  		      		  		 		  		 		
	}	
	
	.menuitem_disabled2 {
  		background-color: #f5f3f1;
  		color: #ebe0d9;	 
		float: left;
  		border: 1px solid transparent;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		font-size:13;	  		      		  		 		  		 		
	}
		
	.menuicon{
		float:right;
		text-align: right;
  		padding: 8px;
   		cursor: pointer; 				
	}
	
	
	.menuicon2 {
		float: right;
	}
	
	.iconeimg{
		width: 20px;
		height: 20px;
	}
	
	.datas {
		display : none;	
	}				
}

/* Medium devices (landscape tablets, 768px and up to 992px) */
@media only screen and (min-width: 768px) and (max-width: 992px){
	.centralholder{
		margin:10px 0px 0px 0px;
	}
	
	h1 {
		margin:0px 0px 0px 0px;	
	}
	
	.sortie {
	  float : right;
	  padding: 1px;
	  margin-left: 10px;
	  font-weight:bold;
	}	
	
	.menuitem{
		float: none;
		width: 95%;
  		padding: 8px;
  		background-color: #D34B17;
		border: 1px solid #D34B17;  		 
  		/* top right bottom left*/		
  		margin:0px 0px 0px 0px;
  		cursor: pointer;
  		color: #ffffff;	  		
	}
	
	.menuitem_active{
		float: none;
		width: 95%;
  		padding: 8px;
  		background-color: #ffffff; 		
  		margin:0px 0px 0px 0px;
		border: 1px solid #D34B17;
  		color: #D34B17;	  	
	}

	.menuitem:hover {
  		background-color: #9D3811;
	}

	.menuitem2{
		float: left;
  		border: 1px solid transparent;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		background-color: #ffffff;
  		margin:0px 0px 0px 0px;
  		cursor: pointer;
  		color: #000000;
  		font-size:13;	 
  		border-bottom: 1px solid #D34B17;    		 		
	}
	
	.menuitem_active2 {
  		background-color: #ffffff;
  		color: #D34B17;	 
		float: left;
  		font-size:13;
  		font-weight:bold;	  		
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		border-bottom: 1px solid transparent;
  		border-top: 1px solid #D34B17;
  		border-left: 1px solid #D34B17;  		 
  		border-right: 1px solid #D34B17;  		  		      		  		 		  		 		
	}	
	
	.menuitem_disabled2 {
  		background-color: #f5f3f1;
  		color: #ebe0d9;	 
		float: left;
  		border: 1px solid transparent;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		font-size:13;	  		      		  		 		  		 		
	}
	
	.menuicon{
		float:right;
		text-align: right;
  		padding: 8px;
   		cursor: pointer; 				
	}
	
	
	.menuicon2 {
		float: right;
	}
	
	.iconeimg{
		width: 20px;
		height: 20px;
	}
	
	.datas {
		display : none;	
	}		
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.centralholder{
		margin:10px 0px 0px 0px;
	}
	
	h1 {
		margin:30px 0px 0px 0px;	
	}

	.sortie {
	  float : right;
	  padding: 1px;
	  margin-left: 10px;
	  font-weight:bold;
	}
	
	.menuitem{
		float: left;
		width: 16%;
  		padding: 8px;
  		background-color: #ffffff;
  		margin:0px 10px 0px 0px;
  		cursor: pointer;
  		color: #000000;	 
  		border-bottom: 2px solid transparent;    		 		
	}
	
	.menuitems{
		display:block;
  		border-bottom: 2px solid #D34B17;    		
	}
	
	.menuitem_active {
  		background-color: #D34B17;
  		border-radius: 100px; 
  		color: #ffffff;	 
		float: left;
		width: 16%;
  		padding: 8px; 
  		margin:0px 10px 0px 0px;
  		border-bottom: 2px solid transparent;      		  		 		  		 		
	}
	
	.menuitem:hover{
  		border-bottom: 2px solid #9D3811;   		 		
	}	

	.menuitem2{
		float: left;
		width: 9%;
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		background-color: #ffffff;
  		margin:0px 1px 0px 0px;
  		cursor: pointer;
  		color: #000000;
  		font-size:13;	 
  		border-bottom: 1px solid #D34B17;
  		border-top: 1px solid transparent;
  		border-left: 1px solid transparent;  		 
  		border-right: 1px solid transparent;  	  		    		 		
	}
	
	.menuitem_active2 {
  		background-color: #ffffff;
  		color: #D34B17;	 
		float: left;
		width: 9%;
  		font-size:13;
  		font-weight: bold;			
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 1px 0px 0px;
  		border-bottom: 1px solid transparent;
  		border-top: 1px solid #D34B17;
  		border-left: 1px solid #D34B17;  		 
  		border-right: 1px solid #D34B17;  		  		      		  		 		  		 		
	}	
	
	.menuitem_disabled2 {
  		background-color: #f5f3f1;
  		color: #ebe0d9;	 
		float: left;
		width: 9%;
  		font-size:13;			
		/* top right bottom left*/	
  		padding: 0px 2px 0px 2px;
  		margin:0px 0px 0px 0px;
  		border: 1px solid transparent; 	  		      		  		 		  		 		
	}	
		
	.menuicon{
		float:right;
		text-align: right;
  		padding: 8px;
   		cursor: pointer; 				
	}
		
	.menuicon2 {
		float: right;
		display:none;
	}
	
	.iconeimg{
		width: 20px;
		height: 20px;
	}
	
	.datas {
		font-size:10;
		padding: 2px;
		min-width:150px;	
	}		
}